{% extends _globals.config.layout %}

{% block style %}
    <link rel="stylesheet" href="/assets/libs/highlight/styles/{{ _globals.params.codeStyle }}.css">
{% endblock %}

{% block bottomScript %}
    <script src="/assets/libs/highlight/highlight.pack.js"></script>
    <script>hljs.initHighlightingOnLoad();</script>
{% endblock %}

{% block body %}
  <h1 class="article-title">{{ attrs.title }}</h1>

  <div class="article-content">
      {{ content|raw }}
  </div>

  <nav class="article-nav">
    <ul class="pager">
      {% if attrs.prevPage is iterable %}
          <li>
              <a href="{{ attrs.prevPage.url }}">
                  <span aria-hidden="true">&larr;</span> {{ attrs.prevPage.title }}
              </a>
          </li>
      {% elseif attrs.prevPage != false %}
          <li class="disabled"><a href="#"><span aria-hidden="true">&larr;</span> {{ _globals.lang.tl('noPage') }}</a></li>
      {% endif %}

      {% if attrs.nextPage is iterable %}
        <li>
          <a href="{{ attrs.nextPage.url }}">
              {{ attrs.nextPage.title }} <span aria-hidden="true">&rarr;</span>
          </a>
        </li>
      {% elseif attrs.nextPage != false %}
        <li class="disabled"><a href="#">{{ _globals.lang.tl('noPage') }} <span aria-hidden="true">&rarr;</span></a></li>
      {% endif %}
    </ul>
  </nav>

{% endblock %}

